<template>
    <div class="dv1">
        {{ obj.message }}

    </div>
    <div class="dv2">
        {{ message1 }}
    </div>
</template>
<script setup>
import { reactive, ref } from 'vue';
let message1 = ref('普通数据');
let obj = reactive({
    message: '不畏浮云遮望眼，自缘身在最高层。'

})
setTimeout(() => {
    obj.message = '欲穷千里目，更上一层楼。'
    message1.value = '新的响应式数据'
}, 2000)
</script>
<style scoped>
.dv1 {
    color: greenyellow;
    font-weight: bold;
    font-size: 30px;
}
.dv2 {
    color: red;
    font-weight: bold;
    font-size: 30px;

}
</style>